
layui.use(['table','jquery','layer'], function(){
    var table = layui.table;
    var $ = layui.jquery;
    var layer = layui.layer;

    loadTable(table);


    table.on('tool(test)', function(obj){ //注：tool 是工具条事件名，test 是 table 原始容器的属性 lay-filter="对应的值"
        var data = obj.data; //获得当前行数据
        var layEvent = obj.event; //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）
        var tr = obj.tr; //获得当前行 tr 的 DOM 对象（如果有的话）
        console.log(data);

        if(layEvent === 'del'){ //删除
            console.log(data.id);
        } else if(layEvent === 'edit'){ //编辑
            console.log(data);


        }
    });


    function loadTable(table){
        table.render({
            elem: '#demo'
            ,height: 312
            ,url: 'http://localhost:8012/propaidRefill/selectRefillRecording' //缴费记录查询接口
            ,page: true //开启分页
            ,cols: [[ //表头
                {field: 'id', title: 'id', width:80, sort: true, fixed: 'left'}
                ,{field: 'pnumber', title: '充值号码'}
                ,{field: 'paymentamount', title: '充值金额', sort: true}
                ,{field: 'paymentmethod', title: '支付方式', sort: true}
                ,{field: 'paymenttime', title: '操作时间', sort: true}
            ]],response: {
                statusName: 'code' //规定数据状态的字段名称，默认：code
                ,statusCode: 200 //规定成功的状态码，默认：0
                ,msgName: 'msg' //规定状态信息的字段名称，默认：msg
                ,countName: 'count' //规定数据总数的字段名称，默认：count
                ,dataName: 'data' //规定数据列表的字段名称，默认：data
            }
        });
    }

    // element.on('tab(selectLoad)', function(data){
    //     // console.log(this); //当前Tab标题所在的原始DOM元素
    //     // console.log(data.index); //得到当前Tab的所在下标
    //     // console.log(data.elem); //得到当前的Tab大容器
    //     data.elem.reload()
    //     console.log("页面刷新了");
    // });


    // layer.ready(function(){
    //     layer.msg('您已进入页面了！');
    //     var isok = getUrlSearch("isok");
    //     console.log(isok);
    //     // var count = isok==="1";
    //     // console.log(count);
    //     if(isok==="1"){
    //         isok="0";
    //         //location.reload()
    //         //loadTable(table);
    //
    //
    //     }
    // });




    /*//第一个实例
    table.render({
        elem: '#demo'
        ,height: 312
        ,url: 'http://localhost:8032/selectbusiness' //数据接口
        ,page: true //开启分页
        ,count:4
        ,limit:1
        ,cols: [[ //表头
            {field: 'id', title: '业务id', width:80, sort: true, fixed: 'left'}
            ,{field: 'business', title: '业务标题'}
            ,{field: 'businesscharges', title: '业务资费', sort: true}
            ,{field: 'describes', title: '描述', sort: true}
            ,{field: 'types', title: '类型', sort: true}
            ,{field : 'tool',title : '操作',width : 150,align : 'center',toolbar : '#barDemo'}
        ]],response: {
            statusName: 'code' //规定数据状态的字段名称，默认：code
            ,statusCode: 200 //规定成功的状态码，默认：0
            ,msgName: 'msg' //规定状态信息的字段名称，默认：msg
            ,countName: 'count' //规定数据总数的字段名称，默认：count
            ,dataName: 'data' //规定数据列表的字段名称，默认：data
        }
    });*/





});